<header class="header-wrap">
    <div class="header-inner wrap-box clearfix">
        <div class="logo-wrap">
            <div class="header-logo">
                <h1>
                    <a class="anim-link app-logo" title="{{ data.site.SiteName }}" href="/"><img src="/public/{{ data.site.Tpl }}/images/logo.png" alt="{{ data.site.Title }}"></a>
                </h1>
                <ul class="nav-list clearfix">
                    <li {% if data.active == "index" %}class="active"{% endif %}>
                        <a class="item" href="/">首页</a>
                    </li>
                    <li {% if data.active == "article" %}class="active"{% endif %}>
                        <a class="item" href="/article">文章</a>
                    </li>
                    <li {% if data.active == "tags" %}class="active"{% endif %} style="display:none;">
                        <a class="item" href="/tags">标签</a>
                    </li>
                    <li {% if data.active == "message" %}class="active"{% endif %}>
                        <a class="item" href="/message">留言板</a>
                    </li>
                    <li {% if data.active == "writer" %}class="active"{% endif %}>
                        <a class="item" href="/writer">特约撰稿人</a>
                    </li>
                    <li {% if data.active == "about" %}class="active"{% endif %}>
                        <a class="item" href="/about">关于我</a>
                    </li>
                </ul>
            </div>
            <form class="app-header-search" method="get" action="/search">
                <input autocomplete="off" value="" placeholder="请输入关键字..." name="keywords" class="input" type="text" />
                <button type="submit" class="app-search-submit"><span class="search-icon"><i class="fa fa-search"></i></span></button>
            </form>
        </div>
    </div>
</header>